function NumberList(props) {
    const numbers = props.numbers;
    const listItems = numbers.map((number) =>
        <li key={number.toString()}>
      {number}
    </li>
    );
    // const todoItems = todos.map((todo) =>
    //   <li key={todo.id}>
    //     {todo.text}
    //   </li>
    // );
    // const todoItems = todos.map((todo, index) =>
    //     // Only do this if items have no stable IDs
    //     <li key={index}>
    //     {todo.text}
    //   </li>
    // );
    return (
        <ul>{listItems}</ul>
    );
}

const numbers = [1, 2, 3, 4, 5];
ReactDOM.render(
    <NumberList numbers={numbers} />,
    document.getElementById('root')
);